import {Dimensions, StyleSheet} from "react-native";

const {width} = Dimensions.get('window');

const styles = StyleSheet.create({
    container: {
        padding: 16,
        flex: 1,
    },
    sectionTitle: {
        fontSize: 16,
        fontWeight: '600',
        marginTop: 20,
        marginBottom: 12,
    },
    row: {
        flexDirection: 'row',
        justifyContent: 'space-between',
        alignItems: 'center',
        marginBottom: 12,
    },
    disabledRow: {
        opacity: 0.5,
    },
    label: {
        fontSize: 16,
    },
    disabledText: {},
    hint: {
        fontSize: 13,
        marginBottom: 16,
    },
    languageItem: {
        flexDirection: 'row',
        alignItems: 'center',
        paddingVertical: 6
    },
    language: {
        paddingHorizontal: 16,
    },
    languageLabel: {
        fontSize: 16,
    },
    languageValue: {
        fontSize: 12,
    },
    bottomBorder: {
        width: width * 0.9,
        maxWidth: width,
        borderStyle: 'solid',
        borderBottomWidth: 1,
    },
});


export default styles;